<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="keywords" content=""/>
    <title>盛世传媒</title>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/first.css">
    <link rel="stylesheet" href="css/minIndex.css" media="only screen and (max-width:1000px)">
</head>
<body>
<div class="header">
    
    <div class="logo left"><image class="logoimg animated zoomInLeft" src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/logo.png" alt="logo" title="盛世传媒"></image>
    </div>
    <div class="daohang right animated bounceIn">
        <ul>
            <li class="active"><a href="index.html">首页</a></li>
            <li><a href="html/about.html">关于我们</a></li>
            <li><a href="html/ditu.html">位置地图</a></li>
            <li><a href="html/news.html">新闻资讯</a></li>
            <li><a href="html/chanpin.html">产品介绍</a></li>
            <!--<li><a href="tel.html">联系我们</a></li>-->
            <li><a href="html/activity.html">公益活动</a></li>
        </ul>
    </div>
</div>
<!--主体-->
<div class="main">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!--<div class="swiper-slide pos">-->
                <!--<image src="../images/swiper1.jpg" style="height: 100%;position: absolute"></image>-->
                <!--<div class="text"><h3>广告 · 策划</h3>-->
                    <!--<p>以策略 ， 创意 ，设计 ， 技术 ，服务为核心的互联网广告公司</p></div>-->
            <!--</div>-->
            <div class="swiper-slide">
                <video style="width: 100%;height: 100%" poster="" controls="controls" autoplay="autoplay" loop="loop" src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/index.mp4"></video>
            </div>
        </div>
        <!--<div class="swiper-pagination swiper-pagination-white"></div>-->
    </div>
    <!--公司理念-->
    <div class="bg flex">
        <div style="width: 61%;margin: auto;display: flex;justify-content: space-around">
        <div class="bgtext flex">
            <h3>公司理念 : </h3>
            <p>在县委、县政府的号召下，公司始终秉承“以公益建设为核心，大力开展城市亮点工程建设”的理念 .</p>
        </div>
        <div style="width: 60%;text-align: right"><a href="html/about.html" class="bgMore">了解更多</a></div>
        </div>
    </div>
    <!--我们的服务 -->
    <div class="mainHead">
        <h3>我们的服务</h3>
        <div class="ul animated zoomIn">
            <ul>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/yun.jpg"></image>
                    <p>新媒体运营中心</p>
                    <p>移动共享时代主义</p>
                </li>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/yun2.jpg"></image>
                    <p>影视媒体制作中心</p>
                    <p>好看+好用+激发消费者购买欲望</p>
                </li>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/yun3.jpg"></image>
                    <p>LED大屏幕广告媒体</p>
                    <p>用画面让产品和服务说话</p>
                </li>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/yun4.jpg"></image>
                    <p>城市移动电视广告媒体</p>
                    <p>高收视率 ， 高回报</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 解决方案 -->
    <div class="fangan flex">
     <h3>我们提供定制化设计解决方案</h3>
      <p>大屏广告+公交站牌+公交视频+新媒体推广+影视制作+活动策划</p>
     <div class="imageLi">
         <ul class="image">
             <li><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/ping/gongjiao.jpg"></image></li>
             <li><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/ping/gongjiaoF.jpg"></image></li>
             <li><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/ping/gongjiaoS.jpg"></image></li>
             <li><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/ping/gongjiaoSi.jpg"></image></li>
             <li><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/ping/first.jpg"></image></li>
             <li><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/ping/second.jpg"></image></li>
         </ul>
     </div>
    </div>
    <!-- 我们的优势 -->

    <div class="mainHead">
        <h3>关于我们的优势</h3>
        <p style="text-align: center">不断的努力 ， 严格的要求自己 ， 真诚的为客户服务</p>
        <div class="ul none animated zoomIn">
            <ul>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/icon.png"></image>
                    <p class="red big">视觉冲击强</p>
                    <p class="lineH">公交电视媒体广告声光视频表现形式，视觉冲击力强，能吸引乘客主动观看。</p>
                </li>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/icon1.png"></image>
                    <p class="red big">影响力大</p>
                    <p class="lineH">公交电视媒体广告是可以移动的户外媒体形式，城市覆盖面广，影响力大，可信度高。</p>
                </li>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/icon2.png"></image>
                    <p class="red big">强制性高</p>
                    <p class="lineH">相比较传统电视广告，插播广告时，观众容易换台，相反公交广告到达率高，成效显著。</p>
                </li>
                <li>
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/icon3.png"></image>
                    <p class="red big">精准投放</p>
                    <p class="lineH">相对于其他镇平媒体，广告群体针对性强、价位低廉，产品可以全方位介绍，效果立竿见影。</p>
                </li>
            </ul>
        </div>
    </div>
<!--新闻资讯-->
    <div class="newHead">
        <h3>新闻资讯</h3>
        <div class="newimg">
             <div style="width: 80%;margin: auto;height: 100%;position: relative;overflow: hidden">
            <img src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/newzixun.jpg" alt="新闻资讯" title="新闻资讯">
            <div class="po">
                <text class="te">“镇坪县盛世传媒文化有限公司”</text>
                <p>镇坪县盛世传媒文化有限公司成立于2014年6月 ， 是镇平县唯一一家大型户外LED广告传媒机构.</p>
            </div>
            <span class="more" style="overflow: hidden"><a href="html/news.html">  查看更多 > </a></span>
            </div>
        </div>
    </div>
    <!--公益活动-->
    <span style="text-align: center;font-size: 40px;display: block;font-weight: 200;margin: 50px 0;">公益活动</span>
    <div class="huodong">
        <div>
            <span>卢医镇救助困难家庭公益行动</span>
            <div>2016年11月27日，由镇平盛世传媒文化有限公司发起，同时得到泰康人寿保险股份有限公司镇平支公司、镇平县如意大药房、镇平县鸿润商贸、镇平县卓见副食商行爱心商家大力支持的公益活动。为卢医镇的四个困难家庭送去了自发募捐的善款、食物、营养品等。</div>
            <a href="html/activity.html" class="bgMore">了解更多</a>
        </div>
    </div>
<!-- 联系我们 -->
    <div class="mainHead">
        <h3>联系我们</h3>
        <p>如有任何问题请联系我们 , 我们7*24小时竭诚为您服务</p>
        <h3>0377-65566888</h3>
        <div class="ul">
            <ul>
                <li class="flex">
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/qq.png"></image>
                    <div class="nomrol">
                    <p>在线QQ客服</p>
                    <p>985534783</p></div>
                </li>
                <li class="flex">
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/weibo.png"></image>
                    <div class="nomrol">
                    <p style="margin-top: 0px">广告行业制作</p>
                    </div>
                </li>
                <li class="flex">
                    <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/wechat.png"></image>
                    <div class="nomrol">
                    <p>关注官方微信</p>
                    <p>sscmxmt</p>
                    </div>
                </li>
            </ul>
        </div>
        <!--扫码-->
        <div class="saomaCover">
            <div class="borderBig"></div>
            <div class="code">
                <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/ma.png"></image>
                <p>扫描查看手机版网站</p>
            </div>
        </div>
    </div>
</div>
<div class="foot">
    <ul class="flex">
        <li class="flex"><image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/didianIcon.png"></image>
            <p>河南省南阳市镇平县体育中心主席楼</p>
        </li>
        <li class="flex">
            <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/phoneIcon.png"></image>
            <p>联系电话 : 0377-65566888</p>
        </li>
        <li class="flex">
            <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/timeIcon.png"></image>
            <p>工作时间 : 09:00--18:00</p>
        </li>
        <li class="flex">
            <image src="http://sscmgw.oss-cn-beijing.aliyuncs.com/guanwang/images/youjianIcon.png"></image>
            <p>contact@fkadjkhsf.co</p>
        </li>
    </ul>
</div>
</body>
</html>
<script src="js/jq.js"></script>
<script src="js/swiper.min.js"></script>
<script type="text/javascript">
    var mySwiper = new Swiper('.swiper-container', {
        autoplay: true,//可选选项，自动滑动
        effect : 'fade',
        pagination: {
            el: '.swiper-pagination',
        }
    })
    $(".imageLi li").on("click",function () {
        window.open("html/chanpin.html")
    })
    window.onresize=function () {
      var widthw =   $(window).width();
      console.log(widthw)
      if(widthw<=1629){
          var css = {
              marginTop:"43%",
              marginRight:"16%"
          }
          $(".newimg .more a").css(css)
      }else {
          var cssS = {
              marginTop:"37%",
              marginRight:"20%"
          }
          $(".newimg .more a").css(cssS)
      }
    }
</script>